<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>联通</title>
		<link href="css/bootstrap.css" rel="stylesheet">
		<style>
			body {
				margin-top: 10px;
			}
			
			.text {
				display: block;
			}
			
			.mylist {
				height: 42px;
				background: rgba(244, 243, 254, 0.69);
				border: 1px solid #CCCCCC;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="row text-center mylist">
				<div class="col-xs-3">
					<span class="glyphicon glyphicon-home"></span>
					<span class="text">首页</span>
				</div>
				<div class="col-xs-3">
					<span class="glyphicon glyphicon-zoom-in"></span>
					<span class="text">服务</span>
				</div>
				<div class="col-xs-3">
					<span class="glyphicon glyphicon-gift"></span>
					<span class="text">商品</span>
				</div>
				<div class="col-xs-3">
					<span class="glyphicon glyphicon-user"></span>
					<span class="text">我的联通</span>
				</div>
			</div>
		</div>

	</body>

</html>